<!DOCTYPE html>
<html>
<head>
<base href="${basePath}">
<meta charset="UTF-8">
<title>评论</title>
$!{include("import_js_css.html")}
</head>
<style>
#div_ul_tab ul>li {
	width: 200px;
	margin: 8px 1px 8px 8px;
}

#div_ul_tab>ul {
	background-color: #EDEDED;
}

.active {
	background-color: white;
}

#div_ul_tab ul li li {
	height: 250px;
}

.tab-content>div {
	height: 310px;
}

.div_tit {
	margin-top: -5px;
	height: 40px;
	line-height: 40px;
	color: white;
}

.div_result_none {
	display: none;
}
</style>
<body>
	$!{include("header.html")}
	<script type="text/javascript">
		$(function() {
			var type = '${type}';
			if(type!=''){
				$("#div_result_"+ type).css("display", "block");
				$("#li_"+ type).click(function(){
					
				});
			}
			$(".select2").select2({
				placeholder : ""
			});
			
			$("div[id^='div_time_']").datetimepicker({
				language :'zh-CN',
				format : "yyyy-mm-dd HH:ii",
				autoclose : true,
				todayBtn : true,
				pickerPosition : "bottom-left"
			});
		});
	</script>
	<div class="container" style="width: 1300px;">
		<div class="tabbable tabs-left" id="div_ul_tab">
			<ul class="nav nav-tabs" style="border-right: 0;">
				<li id="li_member" class="active"><a data-toggle="tab" href="#panel-member"><span
						class="glyphicon glyphicon-user"></span>&nbsp;&nbsp;会员</a></li>
				<li id="li_class" ><a data-toggle="tab" href="#panel-class"><span
						class="glyphicon glyphicon-indent-left"></span>&nbsp;&nbsp;班级</a></li>
				<li id="li_club" ><a data-toggle="tab" href="#panel-club"><span
						class="glyphicon glyphicon-certificate"></span>&nbsp;&nbsp;活动</a></li>
				<li id="li_product" ><a data-toggle="tab" href="#panel-product"><span
						class="glyphicon glyphicon-euro"></span>&nbsp;&nbsp;产品</a></li>
				<li id="li_goods" ><a data-toggle="tab" href="#panel-goods"><span
						class="glyphicon glyphicon-glass"></span>&nbsp;&nbsp;商品</a></li>
				<li id="li_task" ><a data-toggle="tab" href="#panel-task"><span
						class="glyphicon glyphicon-tasks"></span>&nbsp;&nbsp;任务</a></li>
			</ul>
			<div class="tab-content">
				<div class="tab-pane active" id="panel-member">
					$!{include("member_search.html")}
				</div>

				<div class="tab-pane" contenteditable="false" id="panel-class">
					<p>二部分我是班级.</p>
				</div>

				<div class="tab-pane" contenteditable="false" id="panel-club">
					<p>三部分我是活动.</p>
				</div>

				<div class="tab-pane" contenteditable="false" id="panel-product">
					<p>四部分我是产品.</p>
				</div>

				<div class="tab-pane" contenteditable="false" id="panel-goods">
					$!{include("goods_search.html")}
				</div>
				<div class="tab-pane" contenteditable="false" id="panel-task">
					<p>六部分我是任务.</p>
				</div>
			</div>
		</div>
		<br> <br>
		<div class="panel panel-info">
			<div class="panel-heading" style="background: #E9E9E9;">
				<h3 class="panel-title">查询结果</h3>
			</div>
			<div id="div_result_member" class="div_result_none">$!{include("member_list.html")}</div>
			<div id="div_result_class" class="div_result_none"></div>
			<div id="div_result_club" class="div_result_none"></div>
			<div id="div_result_product" class="div_result_none"></div>
			<div id="div_result_goods" class="div_result_none">$!{include("goods_list.html")}</div>
			<div id="div_result_task" class="div_result_none"></div>
		</div>
	</div>
</body>
</html>